<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>api页面</title>
    <link rel="stylesheet" href="./api.css">
</head>

<body style="margin-bottom: 200px;">
    <!-- 头部部分 -->
    <header class="head df jcc jcsb">
        <h1>
            <a href="#">
                <img src="../../assets/imgs/new-logo-white2.png" alt="图片加载失败">
            </a>
        </h1>

        <nav>
            <a href="../home/home.html">首页</a>
            <a class="active" href="../api/api.html">API</a>
            <a href="../case/case.html">案例</a>
        </nav>


        <div class="nav-btn df  ">
            <a class="nav-login" href="#">登录</a>
            <a class="nav-zc" href="../pour/pour.html">注册有礼</a>
        </div>
    </header>

    <!-- 主体部分 -->
    <section>
        <!-- api分类 -->
        <div class="main-api container ">
            <h2>API分类</h2>
            <div class="df api-box">
                <!--  <span>全部</span>
                <span>生活服务</span>
                <span>金融科技</span>
                <span>交通地理</span>
                <span>充值缴费</span>
                <span>数据智能</span>
                <span>企业工商</span>
                <span>应用开发</span>
                <span>电子商务</span>
                <span>吃喝玩乐</span>
                <span>文娱视频</span>
                <span>免费接口大全</span>
                <span>短信</span>
                <span>汽车核验</span>
                <span class='bold'>最新发布</span>
                <span>API私有化部署</span> -->
            </div>
            <div class=" df api-sercah">
                <strong class="api-text">全部</strong>
                <p class="api-p df">
                    <input id="api-in" type="text" placeholder="身份证实名"><button><img
                            src="../../assets/imgs/magnifier.png"></button>
                </p>
            </div>
        </div>



        <!-- api img -->
        <div class="container">
            <ul class=" main-list df">
                <!--       <li class="df">
                    <span class="zy">企业专用</span>
                    <a><img src="../../assets/imgs/API_01.jpg">
                        <P>2021出行防疫政策指南</P>
                        <P class="apifree">免费</P>
                    </a>
                    <button>申请数据</button>
                </li>
 -->
            </ul>
        </div>

        <!-- 尾部导航栏 -->
        <div class="nav-foot container">
            <a class="bluea" href="">1</a>
            <a href="">2</a>
            <a href="">3</a>
            <a href="">4</a>
            <a href="">5</a>
            <a href="">6</a>
            <a href="">7</a>
            <a href="">8</a>
            <span>......</span>
            <a class="blueg" href="">下一页></a>
        </div>
    </section>


    <!-- api 模态框 -->
    <div class="apimtk">
        <div class="logink">

            <!-- 账号登录 -->

            <div class="login-box">
                <img src="../../assets/imgs/loginlogo.png">
                <p><span class="actizh"><span class="activation1"></span>账号登录</span> |
                    <span class="actism"><span class="activation"></span>扫码登录</span>
                </p>
            </div>
            <div class="login-zhdl">
                <div class="input-box">
                    <span class="text-img"></span><input class="num" type="text" placeholder="用户名/手机号/邮箱"><span class="qczh">&times;</span>
                    <p class="telvalue">请输入11位手机号</p>
                    <span class="pass-img"></span><input class="password" type="password" placeholder="密码"><span class="qcmm">&times;</span>
                    <p class="passvalue">密码需大于5位数字</p>
                </div>
                <a class="first-a" href="#">忘记密码</a>
                <button class="mtk-btn">登录</button>
                <p class="login-zh">还没有源码账号，<a class="login-zc" href="">立即注册></a> </p>


                <!-- 轻提示框 -->
               <div class="qts">
                    
                </div> 
            </div>


            <!-- 扫码登录 -->
            <div class="login-smdl">
                <div class="erweima">
                    <img src="../../assets/imgs/showqrcode.jpg">
                    <p>微信扫码登录</p>
                    <p>未关注源码科技公众号，请先关注后再登录</p>
                    <p class="login-sm">还没有源码账号，<a href="">立即注册></a> </p>
                </div>
            </div>
        </div>
    </div>


    <!-- 尾部 -->
    <footer>
        <div class="foot-div container df">
            <div class="foot-left df">
                <ul class="df">
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                </ul>

            </div>

            <div>
                <div class="right df">
                    <h3>微信公众号</h3>
                    <p>源码时代</p>
                    <img src="../../assets/imgs/wechat-white.png">
                </div>
            </div>

            <div class="foot-p df">
                <a href="#"><img src="../../assets/imgs/bei2.png"></a>
                &emsp;
                <a href="#"><img src="../../assets/imgs/bei1.png"></a>
                &emsp;
                <p class="left-p">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
            </div>

            <div class="foot-pp">
                <p>源码大数据股份有限公司©版权所有</p>
            </div>
        </div>


    </footer>


    <script src="./api.js"></script>
</body>

</html>